<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- Required meta tags -->

    <title>悟空掌柜官网</title>
    <!--<meta charset="utf-8">-->
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
    <meta name="keywords" content="悟空掌柜官网" />
    <meta name="description" content="悟空掌柜官网" />


    <link type="image/x-icon" href="images/favicon.ico" rel="shortcut icon">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="Bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/main.css">


    <link rel="stylesheet" href="css/swiper.min.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="Bootstrap//js/bootstrap.min.js"></script>
    <script src="js/anime.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <link rel="stylesheet" href="css/slippry.css">


    <link rel="stylesheet" href="css/content.css">

</head>

<body>

    <header id="header">
        <div class="my-container">
            <div class="row">
                <nav class="navbar navbar-expand-lg navbar-light">
                    <a class="navbar-brand" href="#">
                        <img src="images/logo_1.png" width="167" height="43">
                    </a>
                    <button class="navbar-toggler" type="button" data-toggle="collapse"
                        data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                        aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
                        <ul class="navbar-nav ">
                            <li class="nav-item ">
                                <a class="nav-link" href="#">网站首页</a>
                            </li>
                            <li class="nav-item ">
                                <a class="nav-link" href="#">悟空会员</a>
                            </li>
                            <li class="nav-item active">
                                <a class="nav-link" href="#">小店创业者</a>
                            </li>
                            <li class="nav-item ">
                                <a class="nav-link" href="#">悟空供应商</a>
                            </li>
                            <li class="nav-item ">
                                <a class="nav-link" href="#">公司动态</a>
                            </li>
                            <li class="nav-item ">
                                <a class="nav-link" href="#">公司视频</a>
                            </li>
                        </ul>
                    </div>
                </nav>
            </div>
        </div>
    </header>
    <div class="masker"></div>

	<article class="htmleaf-container" style="position: relative; top: 20px;width: 90%;margin: 0 auto;">
		<div class="htmleaf-content" >
			<ul id="pictures-demo" >
			  <li title="This is caption 1 <a href='#link'>Even with links!</a>">
			    <img src="images/image-1.jpg" alt="demo1_1">
			  </li>
			  <li title="This is caption 2">
			    <img src="images/image-2.jpg"  alt="demo1_2">
			  </li>
			  <li title="And this is some very long caption for slide 3. Yes, really long.">
			    <img src="images/image-3.jpg" alt="demo1_3">
			  </li>
			  <li title="And this is some very long caption for slide 4.">
			    <img src="images/image-4.jpg" alt="demo1_4">
			  </li>
			</ul>
		</div>
	</article>

    <!-- 主要内容 开始 -->
    <div class="container nopadding">
        <!-- 小店创业者服务 -->
        <div class="top-bar">
            <p class="title">
                <img class="icon-img" src="images/shouye@2x.png" alt="">小店创业者八大服务
            </p>
            <p class="desc">拥有小店经营权，具备独立域名（由国家颁发工商营业执照）的悟空掌柜线上店铺</p>
        </div>
        <!-- 主要内容 -->
        <div class="main-content">
            <div class="item">
                <img class="c-img" src="images/img_shop_service_01.png" alt="">
                <div class="content">
                    <p class="title">严选供应链</p>
                    <p class="desc">从源头把控商品质量，严选供应商，为小店创业者提供有品质、有保障的实用好货。</p>
                </div>
            </div>
            <div class="item">
                <img class="c-img" src="images/img_shop_service_02.png" alt="">
                <div class="content">
                    <p class="title">大数据赋能</p>
                    <p class="desc">提取消费者的年龄、性格、售后口碑等200余项特性，分析其购物习惯等消费属性，基于大数据决策，为小店创业者智能匹配其最适合销售的商品。 </p>
                </div>
            </div>
            <div class="item">
                <img class="c-img" src="images/img_shop_service_03.png" alt="">
                <div class="content">
                    <p class="title">互联网技术</p>
                    <p class="desc">平台将互联网技术定义为核心基础设施，开发大量的线上协同工具，让小店创业者通过手机端轻松地完成原本非常繁琐的开店流程。 </p>
                </div>
            </div>
            <div class="item">
                <img class="c-img" src="images/img_shop_service_04.png" alt="">
                <div class="content">
                    <p class="title">独立内容创作及展示平台</p>
                    <p class="desc">通过游戏化的设计，让小店创业者能够通过分享PGC内容及UGC内容，完成商品在个人社交圈内的展示。小店创业者不仅可以自己创作体验视频，还可以公开发表到整个平台。 </p>
                </div>
            </div>
            <div class="item">
                <img class="c-img" src="images/img_shop_service_05.png" alt="">
                <div class="content">
                    <p class="title">培训赋能体系</p>
                    <p class="desc">汇集各个领域资深的专家团队，研发实用的赋能培训，培训内容包括：零售方法、推广技巧、内容创作、社群运营等。小店创业者通过培训课程掌握专业技能，提高经营能力。</p>
                </div>
            </div>
            <div class="item">
                <img class="c-img" src="images/img_shop_service_06.png" alt="">
                <div class="content">
                    <p class="title">服务支持体系</p>
                    <p class="desc">建立专业的小店创业者运营中心，提供7*24小时陪伴式服务，助力小店创业者解决在经营过程中遇到的销售、工具使用、财务结算、订单管理等所有问题。 </p>
                </div>
            </div>
            <div class="item">
                <img class="c-img" src="images/img_shop_service_07.png" alt="">
                <div class="content">
                    <p class="title">进德开智</p>
                    <p class="desc">
                        建立“悟空大学小程序”及各类线上线下公益活动，向小店创业者输出商业认知与正向价值观，希望小店创业者除了收获物质回报外，亦能建立起“更客观的世界观、更积极的人生观和更正向的价值观”。</p>
                </div>
            </div>
            <div class="item">
                <img class="c-img" src="images/img_shop_service_08.png" alt="">
                <div class="content">
                    <p class="title">社群服务</p>
                    <p class="desc">
                        以BBS（论坛）形式让小店创业以随时随地获取用户反馈、建议和想法，与用户互动。同时通过发表内容、管理社群、互动回复，吸引站外搜索引擎的收录，获取流量增量，结识志趣相投的新朋友。</p>
                </div>
            </div>
        </div>
    </div>

    <!-- 主要内容 结束 -->



    <footer>
        <div class="container sx-footer">
            <div class="left">
                <div class="cic">
                    <a class="footer-link pl10" target="_back" href="#">公司网站</a>
                    <a href="#" target="_blank">加入水熊</a>
                    <a href="#">服务协议</a>
                    <a href="#" style="border: none">隐私协议</a>
                </div>
                <p class="address">公司名称：广州水熊科技有限公司</p>
                <p class="address">公司电话：000-000-0000</p>
                <p class="address">公司地址：中国广州市荔湾区沙面南街1号白天鹅江畔楼</p>
                <p class="address">增值电信业务经营许可证：粤B2-20191319 <a class="ban1" target="_blank"
                        href="#">粤ICP备18081104-4号</a>
                </p>
            </div>
            <div class="right">
                <p class="wx">官方微信</p>
                <img src="images/OIP-C.jpg" alt="微信二维码">
            </div>
        </div>
        <img src="https://sky-take-out-school.oss-cn-chengdu.aliyuncs.com/644d3b90-671c-450e-8fb7-3f56a6e09932.png%22%7D">
    </footer>
    <script src="js/jquery-2.1.1.min.js"></script>
    <script src="js/slippry.min.js"></script>
    <script>
		jQuery('#pictures-demo').slippry({
		  slippryWrapper: '<div class="sy-box pictures-slider" />', 
		  adaptiveHeight: false, 
		  captions: false, 

		  // pager
		  pager: false,
		  
		  // controls
		  controls: false,
		  autoHover: false,

		  // transitions
		  transition: 'kenburns', // fade, horizontal, kenburns, false
		  kenZoom: 140,
		  speed: 2000 // time the transition takes (ms)
		});
	</script>
</body>
</html>